<div
  v-loading="isPageLoading"
  :class="[$store.state.appPrefix + '-p-period-examine-group-trainee', $store.state.appPrefix + '-p-period-comon']"
  data-table-extra="56">
  <div class="info-header">
    <i class="el-icon-arrow-left" @click="$router.go(-1)"></i>
    加入课程待审核
    <div class="header-actions fr mt12">
      <span class="actions-switch">
        免审核模式
        <el-switch
          v-model="infos.reviewState"
          :active-value="0"
          :inactive-value="1"
          :disabled="tableHeight.length <= 0"
          active-color="#13ce66"
          @change="$handleSwitch">
        </el-switch>
        <el-popover
          placement="top-start"
          width="200"
          trigger="hover"
          content="开启后，学员申请加入课程时，系统自动通过审核">
          <i slot="reference" class="el-icon-warning-outline"></i>
        </el-popover>
      </span>
      <el-button size="small" :disabled="tableList.length <= 0" type="primary" @click="$handleReview">已选（{{selectStuData.length}}），批量审核</el-button>
    </div>
  </div>
  <div class="g-table-layout">  
    <div class="g-table-top g-table-top-action__flex g-table-top-action__flex--br">
      <div class="g-table-top-action__left"></div>
      <div class="g-table-top-action__right"></div>
    </div>
    <el-table v-loading="isPageLoading" :height="tableHeight" :data="tableList">
      <el-table-column class-name="no-ellipsis" width="35">
        <template slot="header" slot-scope="scope">
          <el-checkbox v-model="isCheckAll" @change="$handleChangeCheckAll"></el-checkbox>
        </template>
        <template slot-scope="scope">
          <el-checkbox v-model="scope.row.checked" @change="$handleChangeChecked(scope.$index)"></el-checkbox>
        </template>
      </el-table-column>
      <el-table-column
        v-for="col in COL_INDEXS"
        :key="col.prop"
        :prop="col.interfaceParam"
        :label="col.label"
        show-overflow-tooltip
        :min-width="120">
        <template slot-scope="scope">
          <span>{{scope.row[col.prop] | filterBlank}}</span>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      class="g-table-bottom g-pagination"
      background
      :hide-on-single-page="true"
      :layout="PAGE_CONFIG.simpleLayout"
      :total="totalCount"
      :page-size="pageSize"
      :current-page.sync="pageNo"
      @current-change="$handlePageChange">
    </el-pagination>
  </div>
</div>
